<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AUDI CLUBS</title>
<link href="styles/style.css" rel="stylesheet" type="text/css" />
<script src="scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
    $("#messageshow div.body_contents_middle_title2tab").bind("click",function(){
     var $content = $(this).next("div.mesage_frame");
     if($content.is(":visible")){
   $content.hide();
  }else{
   $content.show();
  }
 })
})
</script>
</head>

<body id="setbgimg1">




<div class="top_warp">
  <div class="top_nav">
    <ul>
      <li class="logoset1"><a href="#"><em>一汽大众</em></a></li>
      <li class="logoset2"><a href="#"><em>audi club</em></a></li>
      <li class="navset1"><a href="#" class="selected"><em>首页</em></a></li>
      <li class="navset2"><a href="#"><em>圈子</em></a></li>
      <li class="navset3"><a href="#"><em>活动</em></a></li>
      <li class="navset4"><a href="#"><em></em></a></li>
      <li class="navset5"><a href="#"><em></em></a></li>
      <li class="navset6"><a href="#"><em></em></a></li>
      <li class="searchset1"> </li>
      <li class="logoset3"><a href="#"><em>突破科技启迪未来</em></a></li>
    </ul>
  </div>
</div>
<div  class="clear"></div>
<div class="body_contents">
  <div class="body_contents_left" style="padding-top:30px;">
    <div class="useravata"><a href="#"><img src="images/115x115.jpg" /></a></div>
    <div class="body_contents_left_bg">
      <div class="userinfo">
        <div class="userinfo_name">jimy zhou</div>
        <div class="userinfo_nav">
          <ul>
            <li class="userinfo_nav_set1"><a href="#viewset1"></a></li>
            <li class="userinfo_nav_set2"><a href="#viewset2"><span>99</span></a></li>
            <li class="userinfo_nav_set3"><a href="#viewset3" class="selected"></a></li>
          </ul>
        </div>
        <div id="viewset1" style="display:block; background-image:url(images/119x78.jpg); width:119px; height:78px; position:absolute">
          <div class="viewset1set">
            <div class="viewset1set_submenu" style="padding-top:10px;"><img src="images/viewset1_ico_1.jpg" /><a href="#">编辑个人资料</a></div>
            <div class="viewset1set_submenu" style="border:0px;"><img src="images/viewset1_ico_2.jpg"  /><a href="#">退出</a></div>
          </div>
        </div>
      </div>
      <div class="clear"></div>
      <div class="userinfo_nav_login">
        <ul>
          <li style="background-image:url(images/userinfo_ico1.jpg);"><a href="#">我的主页</a></li>
          <li style="background-image:url(images/userinfo_ico2.jpg);"><a href="#">我的圈子</a></li>
          <li style="background-image:url(images/userinfo_ico5.jpg);"><a href="#">我的活动</a></li>
        </ul>
      </div>
      <div class="clear"></div>
      <div class="body_contents_left_list_banner"> <a href="#"><img src="images/frame_left_banner1.jpg" /></a> </div>
      <div class="body_contents_left_btn"></div>
    </div>
  </div>
  <div class="body_contents_middle" style="min-height:1000px;">
    <div class="body_contents_middle_title2" style="border-bottom:1px solid #E5E5E5; margin-bottom:10px; padding-bottom:10px;"> <strong>129</strong>&nbsp;万个车友&nbsp;|&nbsp;<strong>12</strong>&nbsp;万个圈子&nbsp;|&nbsp;<strong>934</strong>&nbsp;万个话题 </div>
    <div class="body_contents_middle_03mqzsy">
      <div class="body_contents_middle_03mqzsy_litpic"><img src="images/207x155.jpg" class="bordergrey" /></div>
      <div class="body_contents_middle_03mqzsy_direction">
        <div class="body_contents_middle_03mqzsy_direction_t">
          <h1>奥迪品质生活</h1>
          <a href="#"><img src="images/btn_jrgqx.jpg" /></a> </div>
        <div class="body_contents_middle_03mqzsy_direction_b">
          <p><strong>圈子成员：</strong>1500人</p>
          <p><strong>圈子简介：</strong>这个地方特产冰这个地方魂质感都会从他们的作品微，个地感都会从他们的作品微微渗出。 </p>
          <p><strong>创建时间：</strong>2012-06-28</p>
        </div>
      </div>
    </div>
    <div class="clear"></div>
    <div class="body_contents_middle_03share"><a href="#"><img src="images/share_to_1.jpg" /></a><a href="#"><img src="images/share_to_2.jpg" /></a><a href="#"><img src="images/share_to_3.jpg" /></a><a href="#"><img src="images/share_to_4.jpg" /></a><a href="#"><img src="images/share_to_5.jpg" /></a><a href="#"><img src="images/share_to_6.jpg" /></a></div>
    <div class="body_contents_middle_tables">
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#" class="selected">话题 </a></li>
        <li><a href="#"> 相册 </a></li>
        <li><a href="#"> 视频 </a></li>
        <li><a href="#">成员</a></li>
      </ul>
    </div>
    <div class="body_contents_middle_tablesbox">
      <div class="body_contents_middle_tablesbox_intro">
        <div id="messageshow">
          <div class="body_contents_middle_title2tab" style=" background-image:url(images/title_pl1.jpg);   "> <span class="body_contents_middle_message">9999</span> <a  style="float:right; cursor:pointer"><img src="images/btn_fbht.jpg"  /></a> </div>
          
 
 
 
          
          <div class="mesage_frame" id="message" >
            <div class="mesage_frame_left"><img src="images/49x49.jpg" /></div>
            <div class="mesage_frame_right">
              <div class="mesage_frame_right_body">
                <div class="mesage_frame_right_body_title1"><b>标题：
                  <input name="" type="text"  style=" width:300px;" />
                  </b><a href="#"><img src="images/btn_fh.jpg" align="absmiddle" /></a></div>
                <div class="clear"></div>
                <div class="mesage_frame_right_body_title2"><b>标题：</b><a href="#"><img src="images/ico_1.jpg" /></a><a href="#"><img src="images/ico_2.jpg" /></a> </div>
                <div class="mesage_frame_right_body_text2">
                  <textarea name="" cols="" rows="" style="width:410px; height:100px;"></textarea>
                </div>
              </div>
              <div class="mesage_frame_right_btn"></div>
            </div>
            <div class="clear"></div>
            <div class="mesage_frame_right_fb">
              <input type="image" src="images/btn_fb.jpg" />
            </div>
          </div>
        </div>
        <ul class="body_contents_middle_06fbht_list2">
          <li>
            <div class="litpic"><img src="images/49x49.jpg" /></div>
            <div class="userinfo2">夏日阳光<br />
              2012-06-05</div>
            <div class="direction"><img src="images/ico_5.jpg" align="absmiddle" />这个地方特产冰这个地方魂，产从会作品会作品品产冰这个地方微微渗出。<a href="#">http://www.123.com</a></div>
          </li>
          <li>
            <div class="litpic"><img src="images/49x49.jpg" /></div>
            <div class="userinfo2">夏日阳光<br />
              2012-06-05</div>
            <div class="direction"><img src="images/ico_6.jpg" align="absmiddle" />这个地方特产冰这个地方魂，产从会作品会作品品产冰这个地方微微渗出。</div>
          </li>
          <li>
            <div class="litpic"><img src="images/49x49.jpg" /></div>
            <div class="userinfo2">夏日阳光<br />
              2012-06-05</div>
            <div class="direction">这个地方特产冰这个地方魂，产从会作品会作品品产冰这个地方微微渗出。</div>
          </li>
          <li>
            <div class="litpic"><img src="images/49x49.jpg" /></div>
            <div class="userinfo2">夏日阳光<br />
              2012-06-05</div>
            <div class="direction"><img src="images/ico_5.jpg" align="absmiddle" />这个地方特产冰这个地方魂，产从会作品会作品品产冰这个地方微微渗出。<a href="#">http://www.123.com</a></div>
          </li>
          <li>
            <div class="litpic"><img src="images/49x49.jpg" /></div>
            <div class="userinfo2">夏日阳光<br />
              2012-06-05</div>
            <div class="direction"><img src="images/ico_6.jpg" align="absmiddle" />这个地方特产冰这个地方魂，产从会作品会作品品产冰这个地方微微渗出。</div>
          </li>
          <li>
            <div class="litpic"><img src="images/49x49.jpg" /></div>
            <div class="userinfo2">夏日阳光<br />
              2012-06-05</div>
            <div class="direction">这个地方特产冰这个地方魂，产从会作品会作品品产冰这个地方微微渗出。</div>
          </li>
          <li>
            <div class="litpic"><img src="images/49x49.jpg" /></div>
            <div class="userinfo2">夏日阳光<br />
              2012-06-05</div>
            <div class="direction"><img src="images/ico_5.jpg" align="absmiddle" />这个地方特产冰这个地方魂，产从会作品会作品品产冰这个地方微微渗出。<a href="#">http://www.123.com</a></div>
          </li>
          <li>
            <div class="litpic"><img src="images/49x49.jpg" /></div>
            <div class="userinfo2">夏日阳光<br />
              2012-06-05</div>
            <div class="direction"><img src="images/ico_6.jpg" align="absmiddle" />这个地方特产冰这个地方魂，产从会作品会作品品产冰这个地方微微渗出。</div>
          </li>
          <li>
            <div class="litpic"><img src="images/49x49.jpg" /></div>
            <div class="userinfo2">夏日阳光<br />
              2012-06-05</div>
            <div class="direction">这个地方特产冰这个地方魂，产从会作品会作品品产冰这个地方微微渗出。</div>
          </li>
          <li>
            <div class="litpic"><img src="images/49x49.jpg" /></div>
            <div class="userinfo2">夏日阳光<br />
              2012-06-05</div>
            <div class="direction">这个地方特产冰这个地方魂，产从会作品会作品品产冰这个地方微微渗出。</div>
          </li>
        </ul>
        <br class="clear">
        <div class="fenye"> <a href="#" class="selected">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> ... <a href="#">20</a> <a href="#"><img src="images/btn_next.jpg" align="absmiddle" /></a> </div>
      </div>
      <br class="clear">
      <div class="body_contents_middle_tablesbox_btn"></div>
    </div>
    <br class="clear">
    <br class="clear">
    <br class="clear">
  </div>
  <div class="body_contents_right" style="padding-top:20px">
    <div class="body_contents_right_bg">
      <div><a href="#"><img src="images/196x150.jpg"  /></a></div>
      <div class="body_contents_right_title"> <strong>俱乐部公告</strong><a href="#">更多...</a></div>
      <div style="width:170px; margin:0px auto">
        <ul class="list_jlbgg">
          <li><a href="#"><img src="images/ico_arrow.jpg" />&nbsp;积分换好礼上线啦积分换好</a><span>2012－5－1</span></li>
          <li><a href="#"><img src="images/ico_arrow.jpg" />&nbsp;积分换好礼上线啦积分换好</a><span>2012－5－1</span></li>
          <li><a href="#"><img src="images/ico_arrow.jpg" />&nbsp;积分换好礼上线啦积分换好</a><span>2012－5－1</span></li>
        </ul>
      </div>
      <div class="body_contents_right_title"> <strong>圈子推荐</strong><a href="#">更多...</a></div>
      <ul class="body_contents_right_list_49x49">
        <li><a href="#">
          <div class="litpic5050yuan" style="background-image:url(images/115x115.jpg);"><img src="images/50x50.png" /></div>
          <span>阳光</span></a></li>
        <li><a href="#">
          <div class="litpic5050yuan" style="background-image:url(images/115x115.jpg);"><img src="images/50x50.png" /></div>
          <span>阳光</span></a></li>
        <li><a href="#">
          <div class="litpic5050yuan" style="background-image:url(images/115x115.jpg);"><img src="images/50x50.png" /></div>
          <span>阳光</span></a></li>
      </ul>
      <div class="body_contents_right_title"> <strong>积分换礼推荐</strong><a href="#">更多...</a></div>
      <div style="width:170px; margin:0px auto">
        <ul class="list_jlbgg">
          <li><a href="#"><img src="images/ico_arrow.jpg" />&nbsp;积分换好礼上线啦积分换好</a><span>2012－5－1</span></li>
          <li><a href="#"><img src="images/ico_arrow.jpg" />&nbsp;积分换好礼上线啦积分换好</a><span>2012－5－1</span></li>
          <li><a href="#"><img src="images/ico_arrow.jpg" />&nbsp;积分换好礼上线啦积分换好</a><span>2012－5－1</span></li>
        </ul>
      </div>
      <div class="body_contents_right_title"> <strong>用户推荐</strong><a href="#">更多...</a></div>
      <ul class="body_contents_right_list_49x49">
        <li><a href="#"><img src="images/49x49.jpg" /><span>阳光</span></a></li>
        <li><a href="#"><img src="images/49x49.jpg" /><span>阳光</span></a></li>
        <li><a href="#"><img src="images/49x49.jpg" /><span>阳光</span></a></li>
      </ul>
    </div>
    <div class="body_contents_right_btn"></div>
  </div>
</div>
<div  class="clear"></div>
<div class="footer_warp">
  <div class="footer_nav">
    <p><a href="#">关于奥迪驾控汇</a> | <a href="#">查找经销商</a> | <a href="#">预约试驾</a> 丨 <a href="#">网站地图</a> | <a href="#">帮助中心</a> | <a href="#">版权声明</a> | <a href="#">奥迪中国</a> 丨 <a href="#">奥迪全球</a></p>
    <p> <span class="engfont">&copy;&nbsp;2010.Audi AG.All rights reserved. </span> 京ICP备05002557号 </p>
  </div>
</div>

</body>
</html>
